HTML Fundamentals Workshop

HTML Fundamentals Workshop

Master the Building Blocks of the Web with JustAcademy

Here’s a structured HTML Workshop Content Plan for JustAcademy. This can be used as a guide for a 1-day or multi-day hands-on workshop, suitable for students, beginners, or career switchers.

🏷️ Workshop Title:

"Build the Web: HTML Fundamentals Workshop"
A beginner-friendly hands-on session by JustAcademy

🏢 Organized By:

JustAcademy – Empowering Future Web Developers

🎯 Workshop Objectives:

By the end of this workshop, participants will:

Understand the structure of HTML documents

Be able to write clean and semantic HTML code

Build a basic web page layout with forms, links, images, and tables

Gain knowledge of best practices and accessibility

🕐 Duration:

1 Day (6 hours)
Can be split into 2 sessions (e.g., Morning and Afternoon)

📚 Workshop Agenda:

🔹 Session 1: Introduction to HTML (1.5 hours)

Topics Covered:

What is HTML?

Role of HTML in Web Development

HTML Document Structure (<!DOCTYPE html>, <html>, <head>, <body>)

Using Developer Tools (Inspect Element)

Activity:

Create your first “Hello World” web page

🔹 Session 2: Basic HTML Tags (1.5 hours)

Topics Covered:

Headings (<h1> to <h6>)

Paragraphs (<p>)

Text formatting tags (<strong>, <em>, <br>, <hr>)

Comments and Whitespace

Activity:

Format a short article using proper headings and text tags

🔹 Break (30 minutes)

🔹 Session 3: Multimedia, Lists & Links (1 hour)

Topics Covered:

Inserting images (<img>)

Adding links (<a href>)

Lists: Ordered (<ol>) & Unordered (<ul>)

Embedding YouTube videos

Activity:

Build a basic personal profile page with image, links, and lists

🔹 Session 4: Tables & Forms (1 hour)

Topics Covered:

Table structure (<table>, <tr>, <td>, <th>)

Building a simple contact form (<form>, <input>, <textarea>, <select>)

Activity:

Create a feedback form with different input types

🔹 Session 5: Putting it All Together (30 min)

Mini Project:

Create a small portfolio site using only HTML

Include bio, photo, skills list, projects table, and contact form

🎓 Target Audience:

Students

Beginners with no prior coding experience

Career switchers

School and college tech enthusiasts

💡 Additional Tips:

Introduce tools: VS Code, Live Server extension

Share a free resource sheet (HTML cheat sheet, W3Schools, MDN)

End with a quick quiz or certificate of participation

📄 Bonus (Optional):

HTML & CSS Follow-up Workshop
Introduce the basics of CSS to style the HTML content created today.

Let me know if you'd like this formatted into a brochure, PDF, or presentation for your event.